<template>
	<view class="main">
		
		<view class="content1">
			<view class="title">
			    经营场所租赁补贴申请
			</view>
			
			<!-- <view class="idCode">
				<u-upload :custom-btn="true">
					<view slot="addBtn" class="slot-btn" hover-class="slot-btn__hover" hover-stay-time="150">
						<u-icon name="../../../static/image/icon/xj.png" size="60" ></u-icon>
					</view>
				</u-upload>
				<u-upload :custom-btn="true">
					<view slot="addBtn" class="slot-btn" hover-class="slot-btn__hover" hover-stay-time="150">
						<u-icon name="../../../static/image/icon/xj.png" size="60" ></u-icon>
					</view>
				</u-upload>
				<u-upload :custom-btn="true">
					<view slot="addBtn" class="slot-btn" hover-class="slot-btn__hover" hover-stay-time="150">
						<u-icon name="../../../static/image/icon/xj.png" size="60" ></u-icon>
					</view>
				</u-upload>
			</view> -->
			
			<!-- <view class="">
				<view class="title1">
				    身份信息:<span>上传完成后将自动读取身份证号</span>
				</view>
				
				<view class="idCode">
					<u-upload :custom-btn="true">
						<view slot="addBtn" class="slot-btn" hover-class="slot-btn__hover" hover-stay-time="150">
							<u-icon name="../../../static/image/icon/xj.png" size="60" ></u-icon>
						</view>
					</u-upload>
					<u-upload :custom-btn="true">
						<view slot="addBtn" class="slot-btn" hover-class="slot-btn__hover" hover-stay-time="150">
							<u-icon name="../../../static/image/icon/xj.png" size="60" ></u-icon>
						</view>
					</u-upload>
					
				</view>
				
				<view class="title1">
				    人员类别:<input >身份证号<input />
				</view>
			</view> -->
			
		</view>
		
		<!-- <view class="content1">
			<view class="title">
			    领取补贴银行卡信息
			</view>
			
		</view> -->
		
		
		<!-- 按钮 -->
		<view class="btns">
			<u-button class="sub" type="primary" @click="submit" >确认无误，下一步</u-button>
		</view>
	</view>
</template>

<script>
</script>

<style scoped lang="scss">
	.slot-btn {
		width: 340rpx;
		height: 190rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		// background: rgb(244, 245, 246);
		border-radius: 10rpx;
		border: 1px dashed #bfbfbf;
		margin-bottom: 10px;
		
	}
	
	.slot-btn__hover {
		background-color: rgb(235, 236, 238);
		
	}
	.main{
		background: #EDEDED;
		
	}
	.content1{
		background: white;
		
		margin-top: 8px;
	}
	.idCode{
		padding: 10px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.title1 {
	    font-size: 10px;
	    line-height: 1;
		border-bottom: 1px solid #EDEDED;
		height: 20px;
		
	
	    &::before {
	        content: '';
	        display: inline-block;
	        vertical-align: middle;
	        width: 3px;
	        height: 14px;
	        margin: -2px 10px 0 0;
	    }
		}
		
	span{
		color: gray;
		margin-left: 20px;
	}
	
	.title {
	    font-size: 12px;
	    line-height: 1;
		
		border-bottom: 1px solid #EDEDED;
		height: 20px;
	
	    &::before {
	        content: '';
	        display: inline-block;
	        vertical-align: middle;
	        width: 3px;
	        height: 14px;
	        background: rgb(30, 150, 230);
	        margin: -2px 10px 0 0;
	    }
	}
	.btns {
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 999;
		background: white;
		.sub {
			display: block;
			width: 90%;
			height:30px;
			text-align: center;
			line-height: 30px;
			margin: 0 auto;
			color: white;
			background-color: #027FFD;
			border-radius: 4px;
		}
	}
</style>